iT邦幫忙

DAY 21
1

Maggie用那些,完成了這個網站!系列 第 21

Maggie用那些,完成了這個網站_21(Jquery Mobile & Structure )

  • 分享至 

  • xImage
  •  

<Allen 起床了.....>

十分鐘後....<Allen 起床了啦.......你快點起來啦...>

Allen努力從床上坐了起來...(現在不是才早上六點多? 這麼早起來要做什麼?)

<我問你,你說給智慧型手機用的網站,要另外寫,最好不要用 「Responsive Web Design」,那我要用什麼?>

他低著頭...努力的把眼睛張開...(用...妳有那麼急嗎? 需要在現在這個時間問嗎?)

<快點啦,快點講啦,告訴我答案,你就繼續睡覺...乖...>

(我都是用...)

<不要睡覺啦...快點跟我說一下啦....>

(我都是用Jquery Mobile...做手機版的網頁。)

<了解...什麼是Jquey Mobile?>

(我回答妳問題了,可以讓我睡覺嗎? 幫幫忙,讓我再睡一下,我想好好躺一下。)

<你是回答我問題了,可是你又送了我一個問題...所以,你應該要解清楚,你說的Jqueyr Mobile。>

碰的一聲,Allen往後躺了下去...(我想睡一下都不行嗎?)...他心裡雖然是這樣想,但轉個身還是下床了......走回客廳的電腦前,用瀏覽器打開了Jquery Mobile的網站...

(Jquery 是一個寫網頁時的工具,以JavaScript為核心,然後提供了像CSS的Selector語法,讓我們能夠設計出更靈活、更有彈性及更友善的網頁。那Jquery Mobile呢? 則是它們開發出的另一套工具,以設計智慧型手機網頁為目標,就是俗稱的「手機版或Mobile Version」。我們可以套用Jqueyr Mobile 這個工具,以它為設計網頁的底層,像套用Bootstrap一樣,將我們想要的版型設計出來。)

<...我好像有點亂掉了,你能講的清楚點嗎? 我要用Jqueyr Mobile,但不要用Jquery ,你是這個意思嗎?>

(......畫張圖給妳看好了,等等.......)

Maggie邊看Allen畫圖,邊跟Allen說...<我真的認為...你用電腦畫這些奇奇怪怪的圖,速度很快...你真的想治好你的系統工程師之病嗎?>

(啊? 有機會就治好吧...不然我滿討厭自己,一碰到鍵盤,就停不下來的樣子...時間都在那敲敲打打的聲音中消失了。)

不到五分鐘,Allen畫好了。

<原來是這樣啊,那我看懂了...你真的很奇怪,一開始給我看這張圖就好,為什麼要跟我講那麼多觀念,然後還讓我自己練習,你怕我看不懂這張圖嗎?>

Maggie看著Allen那滿臉疲憊的笑容...<好啦,我知道了,這就是網頁ABC,對不對? 我先稍微了解,再接下去實作,才會比較容易上手,對吧!>

(差不多就是這樣,再來...要跟妳說這個, 我們用JS BIN來測試,JqueryMobile的基本頁面。)

<請開始吧!>

(...等一下好了,我們先來JqueryMobile這邊,製作一下配色。妳看這個網頁...這邊可以自己調整及組合「theme」的顏色。

這個是製作 JqueryMobile theme 的網頁)

<什麼是theme啊? 我不懂...>

(「theme」指的就是...就像女生不是會化裝? 會塗口紅,來讓自己看起來更漂亮,「theme」在網頁的世界裡,指的就是某個網頁的框、線、按鈕、超連結、表格等等的顏色跟風格,統稱為「theme」,這樣了解嗎? 我繼續...

在這個網頁裡,我們可以用滑鼠將顏色,拉到我們想要的網頁內容裡,然後再按這邊的下載,將CSS相關檔案下載下來。)

(接下來,我要到JS Bin網站裡,寫一個Jquery Mobile的網頁...然後套用我剛才下載的CSS檔案,等我一下啊!)

兵貴神速,很想睡覺的Allen 也想用神速完成這個範例,他敲鍵盤的聲音頻率,已經勝過外面鳥啼聲的頻率了....

(好了! 妳先看右邊的結果,再看右邊的網頁碼,接著...把妳想問的標起來,我再跟妳解釋! 報告娘娘,小的真的要去睡一下了,我累到快受不了了,小的先閃。)

他說完話後,馬上立刻的往房間衝...不過才走到第三步...又立刻回頭,從桌上抓了一串鑰匙...(娘娘,我先把房間鎖起來,下午兩點再叫我...Bye...)

<喂! 你...> 碰....<搞什麼啊! 跟我多講幾句話會怎樣嗎? 真討厭,你到底寫了什麼啊! 我怎麼會看的懂?>

Maggie將目光,移回電腦前...

<要我列我不懂的清單? 好吧! 我就列一張讓你三天不能睡覺的清單! 下午兩點叫你? 我都還沒睡咧,你竟然敢鎖門......>

<按我? 這個是什麼?...按一下看看吧!>

<.......逛街......你還想的到要逛街?......算了,就讓你就睡到兩點吧,我來好好看看>

九月是秋風剛起的季節,他們兩位剛走完那個沒日沒夜,每天忙到不知今夕是何夕的暑假...沒想到Allen竟然主動跟Maggie說要去逛街! Maggie應該是很開心...但她也很聽話的,列出了她的問題...

(待)

2014/10/20 SunAllen

現任:太陽數位文創(技術總監)_彩虹53_小鐵道民宿(管家)


上一篇
Maggie用那些,完成了這個網站_20(Suspend )
下一篇
Maggie用那些,完成了這個網站_22(Jquery Mobile & Performance )
系列文
Maggie用那些,完成了這個網站!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言